import { Input } from "antd";
import React, { forwardRef, memo, useState, useImperativeHandle } from "react";

// ref 通过这里传过来
function Imgcode(props, ref) {
  //   const { value, onChange } = props;
  // 随机数的
  const [t, setT] = useState("");
  // 点击改变验证码图片
  const update = () => {
    // 随机生成数
    setT(Math.random());
  };
  // 将随机验证码函数抛出
  useImperativeHandle(ref, () => {
    return { update };
  });
  return (
    <div style={{display:"flex"}}>
      {/* 输入框 将传过来的值 解构使用 */}
      <Input style={{marginRight:"0.625rem",height:"1.875rem"}} placeholder="验证码" {...props} />
      {/* 图片 */}
      <img onClick={update} style={{width:"3                       0%"}} src={`http://47.93.101.203/adminapi/captcha_pro?1709534662000`} alt="" />
    </div>
  );
}

export default memo(forwardRef(Imgcode));
